<button class="edit_btn" color="primary" mat-raised-button (click)="manhuaEdit()">编辑</button>

<div class="user_favors_box">
    <ngx-busy [busy]="ajaxSub"></ngx-busy>
    <div fxLayout="column">
        <div fxLayout="row wrap"  fxLayoutAlign="start center">
            <mat-card class="example-card" *ngFor="let item of favors | paginate: { itemsPerPage: page.size, currentPage: page.curPage,id: 'favors-manhua',totalItems:page.totalCount };let $index = index;">
                <span *ngIf="item.isUpdate" class="isUpdate"></span>
                <a href="javascript:;" (click)="goDetail(item)" target="_blank" [title]="item.title">
                    <img mat-card-image [src]="item.img" [alt]="item.title">
                </a>
                <mat-card-content>
                    <p style="text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;">
                        <a [title]="item.title">{{item.title}}</a>
                    </p>
                    <p style="text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:5px;">

                        <a class="primary" [href]="item.readChapterHref" [title]="item.readChapter">{{item.readChapter || '暂未阅读'}}</a>
                    </p>

                    <a class="delete_checkbox" *ngIf="manhuaEditBool" href="javascript:;" (click)="checkInput($event,item)">
                        <input class="delete_input" type="checkbox" [(ngModel)]='item.deleteBool' />
                    </a>
                </mat-card-content>
            </mat-card>
            <p *ngIf="favors.length == 0 && ajaxSub">暂无收藏的漫画</p>

        </div>
         <!-- 分页 -->
         <div fxLayout="column" class="center-align mt20">
            <pagination-controls id="favors-manhua" maxSize="9" directionLinks="true" (pageChange)="pageChange($event)" autoHide="true"></pagination-controls>
        </div>
    </div>
    <!-- 删除操作 -->
    <div class="handel-box" fxLayout="row" fxLayoutAlign="end center" fxLayoutGap="20px" *ngIf="manhuaEditBool">
        <button mat-raised-button (click)="cancel()">取消</button>
        <button color="primary" mat-raised-button (click)="comfirm()">删除</button>
    </div>
</div>